<template>
  <yd-list theme="1">
    <yd-list-item v-for="(goods, index) in goodslist" :key="index" @click.native="$router.push(`/goods/${goods.goodsId}`)">
      <img slot="img" v-lazy="goods.goodsMainPhotoPath">
      <span slot="title">{{goods.goods_name}}</span>
      <yd-list-other slot="other">
        <div>
          <span class="yd-price"><em>¥</em>{{goods.storePrice | currency}}</span>
        </div>
        <div class="scale">月销{{goods.monthlySales || 0}}件</div>
      </yd-list-other>
    </yd-list-item>
  </yd-list>
</template>

<script>
  export default {
    props: {
      goodslist: [Array]
    }
  }
</script>

<style lang="scss">
</style>